<template>
  <div>
    <h1>reactive 响应式直接传泛型</h1>
    <Child />
    <!-- <Child :person="personlist" /> -->
  </div>
</template>

<script setup lang="ts">
//reactive 响应式直接传泛型
import { reactive } from "vue";
import type { Person, Persons } from "@/types/index";
import Child from "./Child.vue";

let personlist = reactive<Persons>([
  { name: "张三", age: 18 },
  { name: "小王", age: 30, sex: "男" },
]);
</script>

<style scoped></style>
